/*
*************************************************

MICA
General Screen Styles

Created by the wacky troop at Happy Cog
http://www.happycog.com/

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.4; font-style: normal; font-weight: normal; }
body { font: normal 62.5% Georgia, 'Times New Roman', serif; background-color: #fff; }


/* block level */

h1 { font: 42px 'Times New Roman', serif; color: #333; margin: 0 0 0.8em; font-style: italic; }
h2 { font: 22px Helvetica, Arial, sans-serif; color: #333; margin: 0 0 0.8em; }
h3, form legend span, p.return, #account-work h2 { font: 13px Helvetica, Arial, sans-serif; color: #333; font-weight: bold; margin: 0 0 0.8em; text-transform: uppercase; letter-spacing: 0.1em; }
h4, p.caption { font: 10px Helvetica, Arial, sans-serif; color: #333; font-weight: bold; margin: 0 0 0.8em; text-transform: uppercase; letter-spacing: 0.1em;}
h4.course { font: bold 12px Georgia, 'Times New Roman', serif; color: #1c1310; text-transform: none; letter-spacing: 0; display: inline; margin: 0 0.3em 0 0; }
h5 { font-size: 12px; color: #333; font-weight: bold; margin: 0 0 0.8em; }
h5.credits { font: 12px Georgia, 'Times New Roman', serif; color: #1c1310; font-style: italic; display: inline; margin: 0 0.3em 0 0; }
h6 { font-size: 11px; color: #333; font-weight: bold; margin: 0 0 0.8em; text-transform: uppercase; letter-spacing: 0.1em; }

p, ul, dl, ol { font-size: 12px; color: #261914; margin: 0 0 1.5em; }
p { line-height: 1.5; }
p.back-to-top { display: inline; border-left: 2px solid #bdbdbd; padding-left: 0.5em; }
p.course { font: 12px Georgia, 'Times New Roman', serif; color: #1c1310; display: inline; margin: 0 0.3em 1.5em 0; border-right: 2px solid #bdbdbd; padding-right: 0.5em; }

.vevent p.caption {width:220px;} 



	li { margin: 0 0 0.5em; }

ul { list-style-image: url(../../images/screen/bullet.gif); }

dd { margin: 0 0 0 15px; }

/* Exceptions for Disqus, because they're doin' it rong. */

#disqus_thread ul, 
#disqus_thread ol, 
#disqus_thread li {
  margin: 0;
  padding: 0;
}

/* --- */

blockquote { margin: 0 0 1.2em; padding: 1.5em 20px 0; border-top: 1px dashed #999; border-bottom: 1px dashed #999; }
blockquote.pullquote { border-top: none; border-bottom: none; }
	blockquote p { font-size: 14px; font-style: italic; color: #4d7a56; } /* color is customizable; same as footer border-top */	

table { margin: 0 0 1.5em; font: 11px Verdana, Arial, sans-serif; border-collapse: collapse; width: 100%; color: #1c1310; }
	caption { text-align: left; font: 13px Helvetica, Arial, sans-serif; color: #333; font-weight: bold; margin: 0 0 0.8em; text-transform: uppercase; letter-spacing: 0.1em; }
	th { background-color: #fff; text-align: left; font-weight: bold; border-top: 1px solid #999; color: #000; vertical-align: bottom; }
	th[scope="row"] { border-top: none; }
	th, td { border-bottom: 1px solid #ccc; padding: 5px; }
	.striped tr.alt td { background-color: #f2f2f2; }
	.total td { background-color: #333; font-weight: bold; color: #fff; }
	
table.curriculum { font: 12px Georgia, 'Times New Roman', serif; }	
	table.curriculum ul { font-size: 12px; margin-top: 0.5em; margin-bottom: 1em; }
	table.curriculum th { font: bold 11px Helvetica, Arial, sans-serif; background-color: #eae7d1; color: #7c7f79; text-transform: uppercase; letter-spacing: 0.1em; border-top: none; border-bottom: 1px solid #999; }
	table.curriculum tr.total td { background-color: #fff; color: #1c1310; }
	table.curriculum td.credits { font-weight: bold; padding-left: 10px; vertical-align: top; }
	table.curriculum p.course-prerequisite { margin-top: 5px; margin-bottom: 0px; }
	

/* inline */

em, * em { font-style: italic; }
strong, * strong { font-weight: bold; }

a, #subnav dd a, #subnav1 dd a, #subnav2 dd a, #subnav3 dd a, p.return { text-decoration: underline; color: #c01b0f; } /* color can be customized */ 
a:hover, a:focus, #subnav dd a:hover, #subnav1 dd a:hover, #subnav2 dd a:hover, #subnav3 dd a:hover, #subnav dd a:focus, #subnav1 dd a:focus, #subnav2 dd a:focus, #subnav3 dd a:focus { color: #7e2822; } /* color can be customized */

img { display: block; float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }

a img { border: none; }

input, textarea, select { font: 12px Georgia, 'Times New Roman', serif;  } 
textarea { width:343px }

code { font: 12px/1 'Courier New', Courier, monospace; }

sub, sup { line-height: 0; }

abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: 0.2em; border: none; }
abbr.times, abbr.day, abbr.dtstart, abbr.dtend { text-transform: none; letter-spacing: 0; font-size: 100%; } 

form ul { list-style: none; margin-left: 0; }
form fieldset { border: none; }
	form legend span { border-bottom: 1px solid #999; padding: 0 0 0.5em; display: block; width: 489px; position: relative; }
	form fieldset ul { padding: 1em 0 0; float: left; border-top: 1px solid #ccc; width: 489px; }
	form legend + ul { margin-top: -1px; }
	form fieldset ul + ul { margin-top: -1em; }
	form fieldset + fieldset { margin-top: 3em; }
		form li { margin: 0 0 1.5em; float: left; }
		#main > form li, #main1 > form li, #main2 > form li, #main3 > form li { margin: 0 0 1.5em; float: left; width: 489px; }
			#main > form  input[type="text"], #main1 > form  input[type="text"], #main2 > form  input[type="text"], #main3 > form input[type="text"] { width: 343px; float: left; }
			#main > form  input[type="password"], #main1 > form  input[type="password"], #main2 > form  input[type="password"], #main3 > form input[type="password"] { width: 343px; float: left; }
			#main > form li.mini input[type="text"], #main1 > form li.mini input[type="text"], #main2 > form li.mini input[type="text"], #main3 > form li.mini input[type="text"] { width: 182px; }
			form li label, form p.label { display: block; float: left; padding: 0 10px 0 0; }
			#main > form li label, #main > form p.label, #main1 > form li label, #main1 > form p.label, #main2 > form li label, #main2 > form p.label, #main3 > form li label, #main3 > form p.label { width: 130px; }
			form li label em, form li label em *, form p.label em, form p.label em * { font-style: normal; font-weight: bold; }
			form li label span.extra { display: block; font-style: italic; }
	form p.submit { padding: 1em 0 0 140px; border-top: 1px solid #ccc; margin-top: -2em; }
	form ul.options { border-top: none; padding: 0; width: 343px; margin: 0; padding: 0; }
		#main form ul.options li, #main1 form ul.options li, #main2 form ul.options li, #main3 form ul.options li { margin-bottom: 0.5em; float: none; }
		#main form ul.options label, #main1 form ul.options label, #main2 form ul.options label, #main3 form ul.options label { display: inline; float: none; width: auto; }
		form ul.options br + input { margin-top: 1em; } /* used mostly for "Other" fields */

.date { font: bold 10px Arial, sans-serif; color: #8f918c; }

.login-link { text-align: left; width: 50px; height: 20px; background: #6f9268 url(../../images/widgets/login-link.png) no-repeat 0 0; } /* background-color can be customized */	
.login-link:hover, .login-link:focus, #search-button:hover, .go-button:hover { background-color: #4e6749; } /* background-color can be customized */


/*-------------------------------------------    
    Global combinations
-------------------------------------------*/
#header h1 a, #nav a, #utility-nav a, .login-link, #profile-nav a, /*#pieces a,*/ #tagline, #footer-logo, #info caption span.film { display: block; text-indent: -9999px; }

/*\*/ #header h1 a, #nav a, #utility-nav a, .login-link, #research-databases a, #profile-nav a, /*#pieces a,*/ #footer-logo { overflow: hidden; } /**/

#skip, #logo, #utility-nav-search label, #main-search label, .calendar table th, .gallery-nav li dd.image { position: absolute; left: -9999px; }

.listing:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }


/*-------------------------------------------    
    Elements and Basic Structure
-------------------------------------------*/

/* -----  Account Navigation ------- */

#account-nav-wrap { width: 100%; padding: 15px 0 14px 0; }
	ul#account-nav { display: block; padding: 0; margin: 0; text-align: left; width: 400px; line-height: 20px; }
		ul#account-nav li { display: inline; background: padding: 0 0 0 7px; margin: 0 0 0 2px; }
		ul#account-nav li:first-child { background: none; padding-left: 0; font-weight: bold; }
		#account-nav-wrap #account-nav li#welcome { padding-right: 12px; background: transparent url(../../images/screen/account-border.gif) repeat-y right 0; position: relative; left: 0px; margin: 0 -8px 0 0; }
		#account-work #account-nav li#welcome { padding: 0; margin: 0; position: relative; left: 0px; }
	#account-nav-wrap #logged-out, #account-nav-wrap #logged-in { margin: 0 auto; position: relative; background-color: white; z-index: 100; }
	 /*#account-nav-wrap #logged-out { text-align: right; width: 845px; padding: 0 100px 0 15px; height: 100px; }*/	
		#account-nav-wrap #logged-out p { margin-bottom: 10px; font: normal 12px Helvetica, Arial, sans-serif; }
			#account-nav-wrap #logged-out p a:link, #account-nav-wrap #logged-out p a:visited { color: #245138; } /* color can be customized (same as nav background-color) */
		#account-nav-wrap #logged-out .login-link { position: absolute; right: 0; top: 0; }
		#account-nav-wrap #logged-out #loginForm li.submit .login-link { position: absolute; right: 0; top: 1.2em; }
		#account-nav-wrap #logged-out ul, #account-nav-wrap .login-box ul, #account-work .login-box ul, #account-nav-wrap #logged-in ul { font-size: 11px; list-style: none; margin: 0.5em 0 0; }		
			#account-nav-wrap #logged-out li, #account-nav-wrap #logged-in li, #account-nav-wrap .login-box li, #account-work .login-box li { display: inline; margin: 0;}
			#account-nav-wrap #logged-out li:before, #account-nav-wrap #logged-in li:before, #account-nav-wrap .login-box li:before, #account-work .login-box li:before { content: '\2022\2002'; }
			#account-nav-wrap #logged-out li:first-child:before, #account-nav-wrap #logged-in li:first-child:before, #account-nav-wrap .login-box li:first-child:before, #account-work .login-box li:first-child:before { content: ''; padding-left: 0; }
			
			#forgot_password{float: right; margin-top: -16px;}
			
			/* ----- More Styles Added for the Login ----- */
				#account-nav-wrap {
						width: 920px;
						display: block;
						margin-left: auto;
						margin-right: auto;
						padding: 0;
						margin-top: 10px;
						height: 40px;
						}
						
					#account-nav-wrap #logged-out, #account-nav-wrap #logged-in {
						width: 445px;
						display: block;
						margin: 0;
						padding: 0;
						left: 475px;
						text-align: left;
						}
						
					#account-nav-wrap #logged-out h4 {
						display: block;
						/*float: left;*/
						position: relative;
						width: 355px;
						margin: 0 0 0 0px;
						padding: 0;
						text-align: left;
						}
						
					#account-nav-wrap #logged-out ul, #account-nav-wrap #logged-in ul {
						display: block;
						float: left;
						position: relative;
						width: 400px;
						/*margin: 0px 0px 0px 0px;*/
						padding: 0 0 0 0px;
						text-align: left;
						}

						
						/* Styles added 2.27.09 */
						.login-box h4 { display: block; text-indent: -9999px; background: transparent url(http://mica.changes.hcphilly.com/login-box-header.gif) no-repeat 0 0; width: 332px; height: 16px; }
	 .login-box #loginForm fieldset ul, #account-nav-wrap #logged-out #loginForm fieldset ul { list-style: none !important; border-top: none; }
	 .login-box #loginForm ul:after, #account-nav-wrap #logged-out #loginForm ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }		
		.login-box #loginForm li { width: 175px; float: left; background: none; list-style: none; display: block !important; }
		.login-box #loginForm li:before, #account-nav-wrap #logged-out #loginForm li:before { content: ""; }
			.login-box #loginForm li label, #account-nav-wrap #logged-out #loginForm li label { display: block; width: 150px; }
			.login-box #loginForm li input, #account-nav-wrap #logged-out #loginForm li input { width: 150px; }
		.login-box #loginForm li.submit, #account-nav-wrap #logged-out #loginForm li.submit { width: 50px; }			
			.login-box #loginForm li.submit input, #account-nav-wrap #logged-out #loginForm li.submit input { width: auto; }
			.login-box #loginForm li.submit input.login-link { position: relative; top: 1.2em; left: 0; }
			/*#account-nav-wrap .login-box #loginForm li.submit input.login-link { position: absolute; top: 50px; left: 0; }*/
			#account-nav-wrap #logged-out #loginForm li { width: 175px; float: left; background: none; list-style: none; display: block !important; }

					/*Login Styles added by Christine 7.22.09*/
			
			#logged-in ul li, #account-nav li { display: inline; }
			/*#account-work #logged-in ul#account-nav { margin: 0 0 0 -12px; padding: 0; }*/
			#account-work #logged-in ul { width: 400px; margin: 0; padding: 0; text-align: left; }
			#account-nav-wrap #logged-in ul { list-style: circle; margin: -2px 0 0px 0; }
			
		  /* Added by Lauren 20110131 */
			#loginForm { 
			  margin: 3px 0 0 0;
			  position: absolute;
			  top: -500px;
			  width: 423px;
			  left: 0;
			  border: 3px solid white;
			  padding: 10px;
			  -webkit-border-radius: 3px;
			  -moz-border-radius: 3px;
/*        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);*/
/*        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);*/
        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.75), inset 0 0 0 1px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 0 10px rgba(0,0,0,.75), inset 0 0 0 1px rgba(0,0,0,.15);
        box-shadow: 0 0 0 10px rgba(0,0,0,.75), inset 0 0 0 1px rgba(0,0,0,.15);
			  background-color: #efefef;
			  z-index: 100;
			}
			
			#hideLoginForm {
			  position: absolute;
			  top: 5px;
			  right: 5px;
			  width: 20px;
			  height: 20px;
			  background-image: url(../../images/close_modal.png);
			  background-repeat: no-repeat;
			  background-position: center center;
			  overflow: hidden;
			  text-indent: -8888px;
			}
		

/* -----  Header ------- */

#bt, #bb { height: 16px; }
#bt hr, #bb hr { display: none; }
#header-wrap { width: 100%; background-color: #fafbf1; border-top: 16px solid #e2e4c4; border-bottom: 16px solid #e2e4c4; margin: 0 0 15px; }	
	#header { width: 960px; margin: 0 auto; }
	#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#header h1 { margin: 15px 0 25px 2px; width: 394px; height: 125px; float: left; }
			#header h1 a { background: transparent url(../../images/screen/header-logo.gif) no-repeat 0 0; width: 394px; height: 125px; }
			

/* -----  Navigation ------- */
			
#nav { margin: 25px 0 0 101px; list-style: none; list-style-image: none; float: left; width: 238px; border-right: 1px solid #dbdfb7; padding: 0; }
	#nav li { margin: 0 0 9px; }			
			#nav-about a { background-image: url(../../images/screen/nav/about-mica.png); width: 92px; height: 12px; }			
		#nav #nav-shaping { margin-bottom: 7px; }
			#nav-shaping a { background-image: url(../../images/screen/nav/shaping-art-design.png); width: 149px; height: 14px; }
				#nav-research a { background-image: url(../../images/screen/nav/research.png); width: 127px; height: 12px; }
			#nav-admission a { background-image: url(../../images/screen/nav/admission-financial-aid.png); width: 175px; height: 12px; }			
		#nav #nav-programs { margin-bottom: 6px; }
			#nav-programs a { background-image: url(../../images/screen/nav/programs-of-study.png); width: 130px; height: 14px; }
		#nav #nav-services-libraries { margin-bottom: 9px; }
			#nav-services-libraries a { background-image: url(../../images/screen/nav/academic-services-libraries.png); width: 203px; height: 12px; }
							
		#nav-research { margin-bottom: 0 !important; }
		#nav #nav-life { margin-bottom: 6px; }	
			#nav-life a { background-image: url(../../images/screen/nav/campus-student-life.png); width: 157px; height: 14px; }
		#nav a:link, #nav a:visited { background-repeat: no-repeat; background-position: 0 0; background-color: #245138; } /* background-color can be customized */
		#nav a:hover, #nav a:focus { background-color: #008e3e; } /* background-color can be customized */
		#nav li[id] strong a, #nav li.current a { background-color: #b14624; } /* background-color can be customized */
		#nav #nav-about a:hover, #nav #nav-about a:focus, #nav #nav-admission a:hover, #nav #nav-admission a:focus, #nav #nav-research a:hover, #nav #nav-research a:focus, #nav #nav-services-libraries a:hover, #nav #nav-services-libraries a:focus, #nav #nav-about strong a, #nav #nav-about.current a, #nav #nav-admission strong a, #nav #nav-admission.current a, #nav #nav-services-libraries strong a, #nav #nav-services-libraries.current a { background-position: 0 -12px; }
		#nav #nav-shaping a:hover, #nav #nav-shaping a:focus, #nav #nav-programs a:hover, #nav #nav-programs a:focus, #nav #nav-life a:hover, #nav #nav-life a:focus, #nav #nav-shaping strong a, #nav #nav-shaping.current a, #nav #nav-programs strong a, #nav #nav-programs.current a, #nav #nav-life strong a, #nav #nav-life.current a { background-position: 0 -14px; }
		

/* -----  Utility Navigation ------- */
		
#utility-nav { margin: 0 0 0 737px; position: relative; top: 25px; list-style: none; list-style-image: none; padding: 0 0 0 16px; }
	#utility-nav li { margin: 0 0 7px; }
		#utility-nav a { height: 11px; }
		#utility-nav-events a { background-image: url(../../images/screen/nav/events-exhibitions.png); width: 117px; }
		#utility-nav-news a { background-image: url(../../images/screen/nav/news.png); width: 31px; }
		#utility-nav-art a { background-image: url(../../images/screen/nav/browse-art.png); width: 66px; }
		#utility-nav-calendar a { background-image: url(../../images/screen/nav/calendar.png); width: 51px; }
		#utility-nav-give a { background-image: url(../../images/screen/nav/give-to-mica.png); width: 78px; }
		#utility-nav a:link, #utility-nav a:visited { background-repeat: no-repeat; background-position: 0 0; background-color: #888; } /* background-color can be customized */
		#utility-nav a:hover, #utility-nav a:focus { background-color: #4e4e4e; } /* background-color can be customized */
		#utility-nav li[id] strong a, #utility-nav li.current a { background-color: #952a00; } /* background-color can be customized */

	#utility-nav-search { position: relative; top: 10px; }
		#utility-nav-search input { vertical-align: middle;  }
			#search { width: 130px; margin: 0 5px 0 0; float: left; min-height: 17px; }
			#search-button, .go-button, form p.submit input { background-color: #6e9167; } /* background-color can be customized */
		
		
/* -----  Wrap ------- */		

#wrap { width: 960px; margin: 0 auto; }
.hero-image #wrap { overflow: hidden; position: relative; top: -15px; padding-top: 15px; background-color: transparent; background-repeat: no-repeat; background-position: 454px 0; } /* assumed image width is 490px */ 
.small #wrap { background-position: 562px 0; } /* assumed-image width is 382px */

	#wrap h1 { padding-left: 10px; padding-right: 10px; margin-bottom: 0.5em; color: #c01b0f; } /* color can be customized */
	
	#hero { padding: 0 10px; }
		#hero div.leader { width: 592px; padding: 0 50px 0 0; float: left; }		
	#hero-mini { padding: 0 10px; width: 444px; }
	.small #hero-mini { width: 542px; }
		#hero h1, #hero-mini h1 { padding-left: 0; padding-right: 0; }
		#hero p, #hero-mini p, .gallery.viewall .leader p { font-size: 14px; color: #453012; line-height: 1.5; }
		#hero p.note, #hero-mini p.note { font-size: 12px; }


/* -----  Breadcrumbs ------- */

#breadcrumbs { list-style: none; margin-left: 0; margin-bottom: 0.8em; padding: 0 10px; }
#hero, #hero-mini #breadcrumbs { padding: 0;  }
	#breadcrumbs li { color: #333; display: inline; padding: 0 0 0 2px; }
	#breadcrumbs li:before { content: '\2022\2002'; }
	#breadcrumbs li:first-child:before { content: ''; padding-left: 0; }
	
	
/* -----  Subnav ------- */

#subnav1 ul, #subnav2 ul, #subnav3 ul { list-style: none; list-style-image: none; margin: 0 0 1em; border-top: 1px solid #e2e4c4; } /* border-top can be customized */
	#subnav1 li, #subnav2 li, #subnav3 li { margin: 0; position: relative; z-index: 1; border-top: 1px solid #983016;  } /* border-bottom-color can be customized */
		#subnav1 a, #subnav2 a, #subnav3 a, #local-nav h6 { display: block; text-decoration: none; padding: 0.7em 10px; color: #fff; background-color: #b14624; } /* color and background-color can be customized */
		#subnav1 a:hover, #subnav1 a:focus, #subnav2 a:hover, #subnav3 a:focus, #subnav3 a:hover, #subnav3 a:focus { color: #fff; background-color: #9b3d20; } /* color and background-color can be customized */
.reveal #subnav, .reveal #subnav1, .reveal #subnav2, .reveal #subnav3 { border-top: 20px solid #fff; }		
#local-nav h6 { text-transform: none; letter-spacing: 0; font-weight: normal; font-style: italic; margin: 0; }

#subnav dt, #subnav1 dt, #subnav2 dt, #subnav3 dt { font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 1px solid #999; padding: 0 0 0.25em; margin: 0 0 1em; }
	#subnav dd, #subnav1 dd, #subnav2 dd, #subnav3 dd { margin: 0 0 0.75em; background: transparent url(../../images/screen/bullet.gif) no-repeat 0 0.5em; padding: 0 0 0 10px; }
		#subnav dd a, #subnav1 dd a, #subnav2 dd a, #subnav3 dd a, #subnav dd a:hover, #subnav1 dd a:hover, #subnav2 dd a:hover, #subnav3 dd a:hover, #subnav dd a:focus, #subnav1 dd a:focus, #subnav2 dd a:focus, #subnav3 dd a:focus { padding: 0; background-color: transparent; }
		
#subnav dd ul, #subnav1 dd ul, #subnav2 dd ul, #subnav3 dd ul { border: none; margin: 0.25em 0 0; }		
		#subnav dd li, #subnav1 dd li, #subnav2 dd li, #subnav3 dd li { margin-left: 5px; background: transparent url(../../images/screen/bullet.gif) no-repeat 0 0.5em; padding: 0 0 0 10px; border: none; margin: 0 0 0.25em; }		
		


/* -----  Local Nav ------- */

#local-nav li strong a { background-color: #801b09; } /* background-color can be customized */
#local-nav li strong { display:block;}
#local-nav li ul { border-top-color: #983016; margin-bottom: -1px; width: 195px; position: relative; left: 5px; }
	#local-nav li li { border-top: none; border-bottom: 1px solid #983016; position: relative; z-index: 1; }
		#local-nav li li a { background-image: url(../../images/screen/local-nav-nested-bg.png); }



/* -----  Action Navigation ------- */

ul#action-nav { font-weight: bold; font-family: Arial, sans-serif; border-top: 5px solid #dbdeb8; border-bottom: 5px solid #dbdeb8; } 
	ul#action-nav li { border-bottom: none; border-top: 1px solid #c4c7a5; }
	ul#action-nav li:first-child { border-top: none; }
	#action-nav a { font-weight: bold; color: #766242; background-color: #f0f3de; }
	#action-nav a span.note { display: block; font-family: Georgia, 'Times New Roman', serif; font-style: italic; }
	#action-nav a:hover, #action-nav a:focus { color: #766242; background-color: #dee1ce; }
	
	#action-nav li h6 { font: bold 12px Helvetica, Arial, sans-serif; padding: 0.7em 10px 0.5em; margin: 0; text-transform: none; letter-spacing: 0; color: #766242; background-color: #f0f3de; border-bottom: none; }
		#action-nav .flyout { background-color: #f0f3de; margin: 0; padding: 0 0 0.5em; border-top: none; }
			#action-nav .flyout li { border-top: none; }
				#action-nav .flyout a { padding: 0.25em 10px 0.25em 25px; font: 12px Georgia, 'Times New Roman', serif; color: #666; background: transparent url(../../images/screen/dark-bullet.gif) no-repeat 12px 0.75em; }
				#action-nav .flyout a:link, #action-nav .flyout a:visited { background-image: url(../../images/screen/bullet.gif); }
				#action-nav .flyout a:hover, #action-nav .flyout a:focus { color: #261914; background-color: transparent; background-image: url(../../images/screen/dark-bullet.gif); }		

		


/* -----  Content ------- */	

#content { width: 960px; margin: 0 auto 20px; float: left; position: relative; }
.hero-image #content { background-color: #fff; border-top: 25px solid #fff; }
.reveal #content { background-color: transparent; border-top: none; }
	

	.gallery h1 { float: left; width: 600px; margin-right: 30px; }
	
	#main h2, #main1 h2, #main2 h2, #main3 h2, #col1 h2, #col1-wide h2, #col2 h2, #col3 h2, .gallery #sub2 h2 { color: #d14019; } /* color can be customized */
	#col1 h2, #col1-wide h2, #col2 h2, #col3 h2, .col1 h2, .col2 h2, .col3 h2, .gallery #sub2 h2, p.return { border-bottom: 1px solid #999; padding: 0 0 0.25em; }
	#col1-wide h2 { margin-bottom: 0.5em; }
	.gallery #sub2 h2 { margin-bottom: 0.5em; } /* added 01-10-10 by Christine for a bit more spacing between h2 and ul in Browse Art Set Index */
	.col1 ul, .col2 ul, .col3 ul { padding: 1em 0 1em 0; }
	.col1 ul li ul, .col2 ul li ul, .col3 ul li ul { padding: 0.25em 0 0 1.5em; margin: 0; }
	#col1 h3:first-child, #col2 h3:first-child, #col3 h3:first-child { border-bottom: 1px solid #999; padding: 0.75em 0 0.525em; }
	.reveal #main, .reveal #main1, .reveal #main2, .reveal #main3 { border-top: 20px solid #fff; background-color: #fff; }
	
	.login-box { background-color: #f9faee; padding: 1.5em 0px 0.8em 10px; border-bottom: 5px solid #dbdeb7; margin: 0 0 1.5em; position: relative; }
	#logged-in ul { text-align:right; margin-right:25px!important; }
	#logged-in { width:960px; margin-left:auto; margin-right:auto; list-style-type:none!important; list-style-image:none!important; }
	#logged-in ul li { list-style: none; list-style-type: none; list-style-image: none; background: none; }
	/* #logged-in ul li { display:inline; background-image:url(/images/screen/bullet.gif); background-repeat:no-repeat;padding: 0 0px 0 10px; background-position: left center; } */
	#account-work #logged-in { width:auto;}
	#hero .login-box, .gallery #sub2 .login-box, .gallery #col1 .login-box, .gallery #col2 .login-box, .gallery #col3 .login-box { width: 280px; padding: 1.5em 10px 1em; margin-left: 644px; }
	.gallery #sub2 .login-box, .gallery #col1 .login-box, .gallery #col2 .login-box, .gallery #col3 .login-box { margin-left: 0; }
		.login-box p { font: normal 12px Helvetica, Arial, sans-serif; color: #262626; margin-top:10px;} 
		.gallery #sub2 .login-box p, .gallery #col1 .login-box p, .gallery #col2 .login-box p, .gallery #col3 .login-box p { font-size: 14px; line-height: 1.5; }
		.login-box .login-link { position: absolute; top: 1.8em; right: 10px; }	
		#hero .login-box .login-link, .gallery #sub2 .login-box .login-link, .gallery #col1 .login-box .login-link, .gallery #col2 .login-box .login-link, .gallery #col3 .login-box .login-link { top: 5em; }
	
	ol.listing { list-style: none; margin: 0; padding: 0; }
	h3 + .listing, #dominant h3 + p { border-top: 1px solid #999; padding-top: 1em; }
	#dominant blockquote h3 + p { border-top: none; padding-top: 0; }
	.listing + h3 { margin-top: 2em; }
		.listing > li { position: relative; margin: 0 0 1.5em; float: left; width: 100%; }			
		.listing > li.with-date { position: relative; padding-top: 1.25em; margin: 0 0 2em; float: left; width: 100%; }
		.listing h2:first-child { margin-bottom: 0.25em; }
		.listing h2 a, h2 a { text-decoration: none; }
		.listing p { font-size: 13px; margin-bottom: 1em; }
		.listing li > p:last-child { margin-bottom: 0; }
		.listing p + ul { margin-top: -1em; }
		.listing p + dl.comma-delimited { margin-top: -0.5em;  }
		.listing p.date {  top: 0; font-size: 10px; }	
		
	dl.comma-delimited { margin-bottom: 1.2em; } /* previous value 0.2em, then 0.7em; last changed 01/10/09 by Christine */
		.comma-delimited dt, .comma-delimited a { color: #666; }
		.comma-delimited a:hover, .comma-delimited a:focus { color: #333; }
		.comma-delimited dt { font-weight: bold; }
		dl.comma-delimited dt { display: inline; }
		dl.comma-delimited dt:after { content: ": "; }
		dl.comma-delimited dd { margin-left: 0; margin-right:-0.2em; display: inline; }
		dl.comma-delimited dd:before { content: ", "; }
		dl.comma-delimited dd.first:before { content: ""; }
	
	.feed-box { background-color: #f9faee; padding: 1em 5px; margin: 0 0 1.5em; list-style: none; }		
		.feed-box li { display: inline; margin: 0 10px 1em; }
		.feed-box .feed { background: transparent url(../../images/screen/feed-box-rss.gif) no-repeat 0 50%; padding: 0 0 0 18px; }
		.feed-box .ical { background: transparent url(../../images/screen/feed-box-ical.gif) no-repeat 0 50%; padding: 0 0 0 18px; }
			.feed-box a { font-size: 11px; color: #333; }
			.feed-box a:hover, .feed-box a:focus { color: #666; }
			
	.col3 { float: left; width: 218px; width: 30%; }
		.col-holder { float: left; width: 100%; margin: 0 0 1em; height: 1%; }
	
	.graph-and-table { padding: 2em 0 0; position: relative; background-color: transparent; background-repeat: no-repeat; background-position: 0 2em; }	
		.graph-and-table table { margin-left: 248px; width: 248px; }
			.graph-and-table caption { position: absolute; top: 0; left: 0; width: 100%; }
			
	ol.calendar { list-style: none; margin-left: 0; border-top: 1px solid #999; }
		.calendar li { padding: 1em 0; border-bottom: 1px solid #ccc; overflow: hidden; width: 100%; }		
		.calendar .event-info { width: 330px; padding: 0 10px 0 0; float: left; }
			.calendar h4 { font: 15px Georgia, 'Times New Roman', serif; text-transform: none; letter-spacing: 0; margin-bottom: 0.5em; color: #d14019; } /* color can be customized */
			.calendar caption { margin: 0; padding: 0; }
			.calendar caption, .calendar p.date { letter-spacing: 0.1em; }
			.calendar caption, .calendar caption span, .calendar p.date, .calendar p.date span, .calendar caption abbr.dtstart, .calendar caption abbr.dtend, .calendar p.date abbr.dtstart, .calendar p.date abbr.dtend { font: bold 11px Verdana, Arial, sans-serif; text-transform: uppercase; color: #1c1310; }
			.calendar table { width: 135px; }
				.calendar table * { border: none; }
				.calendar table td { padding: 0;  }				
				.calendar table tr.location td > * { display: block; margin-bottom: 10px; }
	
	#library-search { margin: 0 0 15px; list-style: none; float: left; }			
		#library-search li { background-color: #efecda; margin: 0; border-top: 1px solid #b8ba9c; float: left; width: 475px; padding: 11px; }
		#library-search li:first-child { border-top: none; }
		#library-search li p { width: 175px; margin: 0 0 0 300px; }
		#library-search li h2 { width: 290px; float: left; margin: 0; }
			.search-type h2 a, .search-type h2 label { padding: 0.3em 0 0.3em 35px; font-size: 20px; color: #c01b0f; } /* color can be customized; same as link color */
			.search-type h2 a { text-decoration: none; } 
			.search-type h2 a:hover, .search-type h2 a:focus { color: #7e2822; } /* color can be customized; same as link hover color */
			#search-books a { background: transparent url(../../images/screen/search-for-books-icon.gif) no-repeat 0 30%; }
			#search-images-film a { background: transparent url(../../images/screen/search-images-film-icon.gif) no-repeat 0 30%; }
			#research-databases a { background: transparent url(../../images/screen/research-databases-icon.gif) no-repeat 0 30%; }
		#library-search li input { vertical-align: middle; }
		#library-search li input[type="text"] { width: 129px; margin: 0 5px 0 0; padding: 2px; }
		
	#libraryColumn1 { width: 156px; margin-right: 10px; margin-left: 3px; padding: 86px 0 0; background: transparent url(../../images/screen/special-collections-bg.jpg) no-repeat 0 0; }
	#libraryColumn2 { width: 156px; margin-right: 10px; padding: 86px 0 0; background: transparent url(../../images/screen/image-resources-bg.jpg) no-repeat 0 0; }
	#libraryColumn3 { width: 156px; padding: 86px 0 0; background: transparent url(../../images/screen/ArtistBk.jpg) no-repeat 0 0; }
		#libraryColumn1 ul, #libraryColumn2 ul, #libraryColumn3 ul { margin-left: 12px; }
		#libraryColumn1 h3, #libraryColumn2 h3, #libraryColumn3 h3 { font-size: 11px; }
		
	.image { float: left; margin: 0 10px 10px 0; width: 153px; }
	#col1 .image:first-child, #col2 .image:first-child, #col3 .image:first-child { width: auto; min-height: 230px; }
	#col1 .image, #col2 .image, #col3 .image { margin: 0 0 1em; }
	.right { float: right; margin: 0 0 10px 10px; }
		.image img { float: none; margin: 0 0 5px; }
		.image p.caption { margin: 0; font-size: 10px; font-weight: bold; }
			.image p.caption cite { font-weight: normal; }
		
	.feature { position: relative; background-color: #fafaf1; padding: 3em 15px 1.5em; margin: 0 0 1.5em; }
	h2.flex-feature { padding-bottom: 0.5em; padding-top: 0.2em; }
	.landing #main1 .feature, .landing #main2 .feature { width: 685px; float: left; }
	.landing .feature h2 { clear: right; }
		.feature h4:first-child, .landing #main1 .feature .date, .landing #main2 .feature .date { position: absolute; width: 479px; top: 0; left: 0; background-color: #efecda; padding: 0.5em 8px; color: #8f918c; }
		.landing #main1 .feature .date, .landing #main2 .feature .date { width: 699px; }
		.feature .image { width: auto; }
		
	#profile-nav h2, blockquote.pullquote * { font: 22px Helvetica, Arial, sans-serif; font-style: italic; color: #262626; margin: 0 0 0.25em; }
	#profile-nav h3 { font: 14px Helvetica, Arial, sans-serif; color: #262626; text-transform: none; letter-spacing: 0; margin: 0 0 1em; }
	#profile-nav ul { margin: 0; list-style: none; padding: 0; position: relative; width: 720px; height: 190px; }
			
		#profile-nav li { float: left; width: 90px; height: 150px; }
			#profile-nav a { width: 90px; height: 150px; }
			#profile1, #profile3, #profile5, #profile7 { margin-top: 10px; }
			#profile-nav a:hover { text-indent: 0; text-decoration: none; }
			#profile-nav a:hover span { display: block; position: absolute; top: -2.5em; left: 0; font: 12px Helvetica, Arial, sans-serif; color: #444; font-style: italic; background-color: #fff; width: 720px; }
	
	#col1 li.with-meta span.summary, #col2 li.with-meta span.summary, #col3 li.with-meta span.summary, #sub2 li.with-meta span.summary { font-size: 14px; }
	#col1 li.with-meta ul.meta, #col2 li.with-meta ul.meta, #col3 li.with-meta ul.meta, #sub2 li.with-meta ul.meta, #work-holder .meta { list-style: none; padding-left: 0; margin: 0.25em 0; }
		#col1 li.with-meta ul.meta li, #col2 li.with-meta ul.meta li, #col3 li.with-meta ul.meta li, #sub2 li.with-meta ul.meta li, #work-holder .meta li { display: inline; border-left: 1px solid #999; margin: 0 0 0 0.5em; padding: 0 0 0 0.75em; }
		#col1 li.with-meta ul.meta li:first-child, #col2 li.with-meta ul.meta li:first-child, #col3 li.with-meta ul.meta li:first-child, #sub2 li.with-meta ul.meta li:first-child, #work-holder .meta li:first-child { border-left: none; padding-left: 0; margin-left: 0; }
		#col1 li.with-meta p.date, #col2 li.with-meta p.date, #col3 li.with-meta p.date, #sub2 li.with-meta p.date { font: bold 11px Verdana, Helvetica, Arial, sans-serif; }
		
	.pagination { border-top: 1px solid #999; text-align: right; list-style: none; padding: 1em 0; margin: 0; }	
		.pagination li { display: inline; font: 12px Verdana, Arial, sans-serif; color: #999; line-height: 35px; } /* line-height added 12/30/09 by Christine for the beast that is the Campus Safety log! */
			.pagination a, .pagination span { border: 1px solid #bbb; text-decoration: none; padding: 0.4em 0.4em; }
			.pagination strong a { border-color: #000; color: #fff; background-color: #c01b0f; } /* background-color can be customized (same as global link color)*/
			.pagination a:hover, .pagination a:focus { border-color: #000; }	
	
	.set-list { list-style: none; margin: 0; }		
		.set-list h2 { margin: 0; position: relative; padding: 205px 0 0; }
			.set-list h2 a { text-decoration: none; }
			.set-list img { float: none; margin: 0; position: absolute; top: 0; left: 0; }
			.landing .set-list img { position: static; }
		.set-list li { width: 300px; float: left; margin: 0 20px 0 0; }
		.landing .set-list li { width: auto; margin: 0 10px 10px 0; }
		.set-list li.alt { margin-right: 0; }
		
	p.return, p.return a { text-decoration: none; } 
	p.return a { font-weight: bold; font-size: 90%; }
	
	#work-holder { float: left; width: 960px; margin: 0 0 20px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; }
		#work-holder .meta { margin: 0 0 1em; }
			#work-holder ul.meta li.comments { padding-left: 21px; background: transparent url(../../images/screen/comments-icon.gif) no-repeat 6px 60%; }
		#work { width: 632px; float: left; }
			#work #contents { margin: 0 auto; }
			#work #contents object {margin: 0 auto 0 auto; }
		#info { width: 295px; margin: 0 0 0 632px; border-left: 1px solid #999; padding: 0 0 1em 15px; }
			#info table { font: 13px Georgia, 'Times New Roman', serif; color: #333; }
				#info table * { border: none; padding: 0; }
					#info caption { text-transform: none; letter-spacing: 0; font: 18px Georgia, 'Times New Roman', serif; border-bottom: 1px solid #999; padding: 0 20px 0.35em 0; float: left; width: 100%; }
						#info caption span { display: block; float: left; margin: 0 10px 0 0; }
						#info caption span.film, #info caption span.audio, #info caption span.document { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; width: 16px; height: 16px; position: relative; top: 0.35em; margin-right: 0; }
						#info caption span.film { background-image: url(../../images/screen/film-icon.gif); } 
						#info caption span.document { background-image: url(../../images/screen/document-icon.gif); }
						#info caption span.audio { background-image: url(../../images/screen/audio-icon.gif); }
				#info table th, #info table td { display: inline; line-height: 1.5; }
				#info table th { color: #666; font-weight: normal; }
				#info table th:after { content: ": "; position: relative; top: 2px; }
				#info dt { font-weight: bold; margin: 0 0 0.35em; }
				#info dd { background: transparent url(../../images/screen/bullet.gif) no-repeat 0 0.5em; margin: 0 0 0.35em 0; padding-left: 10px; }

	.student-profile #main1 > h3:first-child, .student-profile #main2 > h3:first-child { border-bottom: 1px solid #999; padding: 0 0 0.35em; margin: 0 0 1em; }
	.student-profile .pullquote { margin: 0 0 2em 200px; padding: 10px 0 0 80px; background: transparent url(../../images/screen/pullquote-open.gif) no-repeat 0 0; }
		.student-profile .pullquote p { line-height: 1.4; }
		.student-profile .pullquote .last-word { background: transparent url(../../images/screen/pullquote-close.gif) no-repeat right 0; padding-right: 50px; }
	.student-profile #dominant p { line-height: 1.5; }
	.student-profile .profile-pic { padding: 10px 0 0 0; margin-bottom: 0; position: relative; }
	.student-profile .negmargin { margin-top: -5.8em; }

/* fix for bulleted lists on news pages--GR */
	#content #main1 #dominant ul li {list-style-image: url(../../images/screen/bullet.gif); }
	
/* ===> Christine added CSS here for the RSS feed additions on news pages */

#news-front-rss { background-color: #fafbf1; width: 495px; padding: 0; margin: 0; border-top: 5px solid #dbdeb8; border-bottom: 5px solid #dbdeb8; }
	#news-front-rss img, #news-front-rss p { margin: 5px; display: block; float: left; }
	#news-front-rss img { padding: 5px 0 5px 5px; }
	#news-front-rss p { padding: 5px 15px 5px 5px; }
	#news-front-rss p.bordered { border-right: 1px solid #dbdeb8; }
	#news-front-rss p a, #news-front-rss p a:visited, #news-front-rss p a:active, #news-front-rss p a:hover { font-style: italic; }
	#rss-clear { clear: both; }
	
/* ===> CSS for Share Button on News Items */

.addthis_button, .addthis_button img { float: none; }
	

/* -----  Sub ------- */

#sub h3, #sub1 h3, #sub2 h3, #sub3 h3 { font-size: 10px; }

ol.monthly-categories { list-style-image: url(../../images/screen/bullet.gif); }
		.monthly-categories .years ol { margin-left: 0; }
			.monthly-categories .years li { display: inline; border-left: 1px solid #b2b2b2; padding: 0 0 0 0.5em; }
			.monthly-categories .years li:first-child { border-left: none; padding-left: 0; }

ul[class="tags"] { margin: 0 0 1em; position: relative; left: -2px; }
	ul[class="tags"] li { display: inline; margin: 0; padding: 0; }
	ul[class="tags"] li:before { content: ", "; }
	ul[class="tags"] li:first-child:before { content: ""; }
		ul[class="tags"] a { position: relative; right: -2px; }
		.tags a { color: #333; }
		.tags a:hover, .tags a:focus { color: #666; }
		
		
		
/* -----  Secondary ------- */

#secondary, #secondary1, #secondary2, #secondary3 { background-color: #c25c2d; } /* background-color can be customized */
.reveal #secondary, .reveal #secondary1, .reveal #secondary2, .reveal #secondary3 { margin-top: 100px; border-top: 20px solid #fff;}
	#secondary img, #secondary1 img, #secondary2 img, #secondary3 img { border: 20px solid #fff; border-left: 0; float: none; position: relative; left: -10px; }
	#secondary h2, #secondary1 h2, #secondary2 h2, #secondary3  h2 { font: 11px Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.5em 10px; width: 180px; color: #fff; background-color: #952a00; position: relative; left: -10px; border-top: 20px solid #fff; }
	#secondary h2:first-child, #secondary1 h2:first-child, #secondary2 h2:first-child, #secondary3  h2:first-child { position: absolute; top: 0; left: 0; color: #ffffff; border-top: none; }
	
	#secondary ol.listing li.with-date, #secondary1 ol.listing li.with-date, #secondary2 ol.listing li.with-date, #secondary3 ol.listing li.with-date { position: relative; padding: 1.5em 0 0; }
	#secondary h3, #secondary1 h3, #secondary2 h3, #secondary3 h3 { font-size: 15px; font-weight: normal; }
	#secondary h3, #secondary1 h3, #secondary2 h3, #secondary3 h3, #secondary p.date, #secondary1 p.date, #secondary2 p.date, #secondary3 p.date, #secondary a, #secondary1 a, #secondary2 a, #secondary3 a { color: #fee2b9; text-transform: none; letter-spacing: 0; } /* color can be customized */
	#secondary a:hover, #secondary1 a:hover, #secondary2 a:hover, #secondary3 a:hover, #secondary a:focus, #secondary1 a:focus, #secondary2 a:focus, #secondary3 a:focus, #secondary ul, #secondary1 ul, #secondary2 ul, #secondary3 ul { color: #fff; }
	
	#secondary h3 a, #secondary1 h3 a, #secondary2 h3 a, #secondary3 h3 a { text-decoration: none; }
	
	#secondary p, #secondary1 p, #secondary2 p, #secondary3 p { font-size: 12px; color: #fff; }
	#secondary h4, #secondary1 h4, #secondary2 h4, #secondary3 h4 { color: #fee2b9; }
	#secondary h3 + h4, #secondary1 h3 + h4, #secondary2 h3 + h4, #secondary3 h3 + h4 { margin-top: -1em; }
	
	#secondary > ul, #secondary1 > ul, #secondary2 > ul, #secondary3 > ul { list-style-image: url(../../images/screen/bullet-secondary.png); margin-left: 20px; margin-bottom: 0; }
	
	
	
/* -----  Local Footer ------- */

#local-footer { clear: left; width: 940px; overflow: hidden; margin: 0 auto; padding: 1.5em 10px 1em; background-color: #4d7a56; } /* background-color can be customized (background-color is the same as #footer border-top-color) */
#local-footer * { color: #fff; }
#local-footer a:hover, #local-footer a:focus { opacity: 0.8; }

	#local-footer h3 { font: normal 15px Helvetica, Arial, sans-serif; text-transform: none; letter-spacing: 0; padding-bottom: 0.5em; margin-right: 10px; border-bottom: 1px solid #80a17b; } /* border-bottom-color can be customized (border-bottom-color is the same as #footer background-color) */

	#local-footer dt { font-weight: bold; margin-bottom: 0.15em; }
		#local-footer dd { margin-left: 0; margin-bottom: 0.15em; }



/* -----  Footer ------- */

/*#footer { clear: left; width: 940px; margin: 0 auto; overflow: hidden; padding: 15px 10px 40px; border-top: 16px solid #4d7a56; background-color: #80a17b; position: relative; } */
/* border-top-color and background-color can be customized */
/*  #footer-logo { background: transparent url(../../images/screen/footer-logo.png) no-repeat 0 0; width: 87px; height: 22px; position: absolute; top: 15px; left: 10px; }
  #footer * { color: #fff; }
  #footer ul { list-style-image: none; list-style: none; margin: 0; }
    #footer li { margin-bottom: 0; }
  
  #footer a { color: #dbdfb7; } */
	/* color can be customized */
/*  #footer a:hover, #footer a:focus { color: #fff; } */
	/* color can be customized */

/*  #copyright { float: left; width: 486px; position: relative; top: 33px;}
    #copyright li { display: inline; margin: 0 5px 0 0; }
  
  #footer .adr { display: block; float: left; margin: 0 0 0 16px; padding: 0 0 0 55px; width: 185px; }
    #footer .adr address { font: normal 11px Verdana, Arial, sans-serif; line-height: 1.5; }
    #map { position: absolute; left: 512px; }
  
  #footer #footer-links { margin: 0 0 0 767px; }*/
	
/* @group Lauren's Footer Revisions & Cleanup */

#footer {
  clear: left;
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  padding: 15px 10px 40px;
  border-top: 16px solid #4d7a56;
  background-color: #80a17b;
  position: relative;
}

#footer-logo {
  background: transparent url(../../images/screen/footer-logo.png) no-repeat 0 0;
  width: 100px;
  height: 25px;
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  top: 15px;
  left: 10px;
}

#footer-logo:hover {
  background: transparent url(../../images/screen/footer-logo_hover.png) no-repeat 0 0;
}

#footer * { color: #fff; }

#footer ul {
  list-style-image: none;
  list-style: none;
  margin: 0;
}

#footer li { margin-bottom: 0; }

#footer a { color: #dbdfb7; }

#footer a:hover, 
#footer a:focus { color: #fff; }

#copyright { 
  display: block;
  float: left; 
  width: 486px; 
  font-size: 12px;
  margin: 0 0 0 0;
  position: relative;
  top: 33px;
}

#copyright li { 
  display: inline; 
  margin: 0 5px 0 0; 
}

#social-media {
  display: block;
  width: 486px;
  float: left;
  position: absolute;
  top: 75px;
  left: 10px;
}

#social-media li {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 5px;
}

a.social-media {
  display: block;
  width: 34px;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -8888px;
  overflow: hidden;
  float: left;
}

.social-media-facebook { background-image: url(../../images/social/sm-facebook.png); }
.social-media-facebook:hover { background-image: url(../../images/social/sm-facebook_hover.png); }

.social-media-flickr { background-image: url(../../images/social/sm-flickr.png); }
.social-media-flickr:hover { background-image: url(../../images/social/sm-flickr_hover.png); }

.social-media-twitter { background-image: url(../../images/social/sm-twitter.png); }
.social-media-twitter:hover { background-image: url(../../images/social/sm-twitter_hover.png); }

.social-media-youtube { background-image: url(../../images/social/sm-youtube.png); }
.social-media-youtube:hover { background-image: url(../../images/social/sm-youtube_hover.png); }

/*.social-media-vimeo { background-image: url(../../images/social/sm-vimeo.png); }
.social-media-vimeo:hover { background-image: url(../../images/social/sm-vimeo_hover.png); }*/

#footer .adr { 
  display: block; 
  float: left; 
  margin: 0 0 0 16px; 
  padding: 0 0 0 55px; 
  width: 185px; 
  clear: none;
}

#footer .adr address { 
  font: normal 11px Verdana, Arial, sans-serif; 
  line-height: 1.5; 
}

#map { 
  position: absolute; 
  left: 512px; 
}

#footer #footer-links { margin: 0 0 0 767px; }

/* @end Lauren's Footer Revisions & Cleanup */
	
/* ---- Christine's Gallery Template ---- */

.gallery.viewall #wrap .leader { float: left; width: 650px; border-right: 1px solid #999; margin-bottom: 20px; }

.gallery-list { list-style: none; margin: 0; padding: 20px 0 20px 0; border-top: 1px solid #999; float: left; width: 940px; }		
		.gallery-list li dl dt { margin: 0; position: relative; padding: 205px 0 0; }
			.gallery-list li dl dt a { text-decoration: none; }
			.gallery-list img { float: none; margin: 0; position: absolute; top: 0; left: 0; }
		.gallery-list li { width: 300px; height: 235px; }
			.gallery-list li img { width: 300px; height: 200px; margin: 0; padding: 0; }
		.gallery-list li.not-third { float: left; margin: 0 20px 20px 0; }
		.gallery-list li.third { float: right; margin: 0; }
a em { font-style: italic; }

.gallery-list + ol.pagination { clear: left; border-bottom: 1px solid #999; margin-bottom: 1em; }
#col1-wide h2 + dl { padding: 1em 0 1em 0; }
#gallery-slideshow { width: 250px; background: #f9faee url(../../images/screen/play-gallery-slideshow.gif) no-repeat 1.5em 1.5em; padding: 1.5em 0px 0.8em 10px; border-bottom: 5px solid #dbdeb7; margin: 0 20px 1.5em 1.5em; position: relative; float: right; }
#gallery-slideshow h2 { margin-left: 80px; width: 170px; }
	
	.gallery-list li dl dd.audio, .gallery-list li dl dd.film, .gallery-list li dl dd.document { position: absolute; top: 175px; right: 0; display: block; height: 45px; border: 1px solid #fff; border-right: none; border-bottom: none; text-indent: -9999px; width: 45px; }
	
		.gallery-list li dl dd.audio { background: transparent url(../../images/screen/audio-icon-large.gif) no-repeat left top; }
		.gallery-list li dl dd.film { background: transparent url(../../images/screen/film-icon-large.gif) no-repeat left top; }
		.gallery-list li dl dd.document { background: transparent url(../../images/screen/document-icon-large.gif) no-repeat left top; }	
		
		
/* -----  Gallery Navigation ------- */

dd.gallery { float: none; display: block; width: 330px; height: 120px; }

.gallery-nav { list-style: none; margin-left: 0; margin-top: 5px; width: 200px; float: none; }
	.gallery-nav img { display: inline; float: none; margin: 0 0 5px; }
	.gallery-nav li { overflow: hidden; width: 72px; position: relative; display: block; float: left; margin-right: 10px; }
	.gallery-nav a { overflow: hidden; position: relative; width: 72px; text-decoration: none; }
	
	.gallery-nav li dl dd.audio, .gallery-nav li dl dd.film, .gallery-nav li dl dd.document { position: absolute; top: 33px; right: 0; display: block; height: 16px; border: 1px solid #fff; border-right: none; border-bottom: none; text-indent: -9999px; width: 16px; margin: 0; padding: 0 !important; }
		.gallery-nav li dl dd.audio { background: transparent url(../../images/screen/audio-icon.gif) no-repeat left top !important; }
		.gallery-nav li dl dd.film { background: transparent url(../../images/screen/film-icon.gif) no-repeat left top !important; }
		.gallery-nav li dl dd.document { background: transparent url(../../images/screen/document-icon.gif) no-repeat left top !important; }
	
	
/* -----  Home Page Specific Styles ------- */	

body#home { position: relative; }

	#home #account-work { position: relative; background: transparent url(../../images/silence.jpg) no-repeat 0 0; width: 449px; margin: 0 auto -336px; padding: 0 0 432px 511px; }
	#home #account-work .login-box { margin-bottom: 44px; }
	
	#home #header-wrap { position: relative; z-index: 2; border-top-color: #fff; border-bottom-color: #fff; background: transparent url(../../images/screen/home-header-bg.png) repeat-y center top; margin: 0; }
	#home #header-wrap hr { height: 16px; background-color: #e2e4c4; border: none; opacity: 0.8; } /* background-color can be customized */
	#home #header h1 a { background-image: url(../../images/screen/mica-logo.png); }
	
	#account-work h2, #account-work p { margin-bottom: 0.25em; }
	
	#pieces { list-style: none; margin: 10px 0 0; }
		#pieces li { float: left; margin: 0 0 0 16px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; }	
		#pieces li:first-child { margin-left: 0; }
		#pieces li.current a { background: transparent url(../../images/screen/piece-highlight.png) no-repeat 0 0; text-decoration: none; }
			#pieces li span { display: block; height: 100%; position: absolute; top: 0; left: -9999px; }
			#pieces li.current span { left:0; }
			#pieces li i { text-indent: 0; display: block; background: transparent url(../../images/screen/piece-name-bg.png) repeat 0 0; width: 475px; padding: 1em 10px 0.5em; color: #fff; text-decoration: none; font: 10px Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
			#pieces a { display:block; width: 96px; height: 96px; }
			
#tagline { position: absolute; width: 619px; height: 175px; background-image: url(http://webprod.mica.edu/images/screen/tagline1.png); background-color: #c25c2d; background-repeat: no-repeat; background-position: 0 0; margin: 0 0 0 324px; z-index: 5; }			

#spacer { width: 187px; height: 191px; background-color: #fff; border: none; float: right; margin: 0 0 16px 16px; position: relative; left: 16px; z-index: 4; } /* don't judge me */

#home #content { margin-bottom: 0; }

#home #col1 { width: 495px; float: left; }
#home #first {padding-top:30px;}
#home #news1 p {width:460px;}
	#home #col1 #news1 { position:relative; padding: 0 16px 2em; background-color: #c25c2d; } /* background-color can be customized */
		#home #col1 h2, #home #col2 h2 { border: none; margin-bottom: 0.25em; padding-bottom: 0; }
		#home #col1 #news1 h2, #home #col1 #news1 p, #home #col1 #news1 dl, #home #col1 #news1 ul, #home #col1 #news1 ol, #home #col1 #news1 h2 a:link { color: #fff;  }		
	#home #col1 #news2 { margin: 16px 0 0; padding: 0 16px 2em; background-color: #f7f8f0; } /* background-color can be customized */
		#home #col1 #news2, #home #col1 #news2 h4 { clear: both; }
#home #col2 { width: 432px; margin: 128px 0 0 512px; position: relative; z-index: 6; background-color: #fff; }
	#home #col2 h4 { color: #8f918c; }

#home #news1 img, #home #news2 img { border: 20px solid #fff; border-left: none; z-index:4 }
#home #news1 img { position: relative; left: -16px; }
#home #news1 img.right, #home #news2 img.right { border-right: none; border-left: 20px solid #fff; }
#home #news1 img.right, #home #news2 img.right { left: 16px; }
#home #news1 h3, #home #news1 a:link, #home #news1 a:visited { color: #fee2b9; } /* color can be customized */

#home #news2 img.left { position: relative; left: -16px; margin-top: 40px; margin-bottom: 0; }
#home #news2 img.right { position: relative; border-top: none; margin-bottom: 0; }

#home #col1 h4 { margin: 0 0 1em; padding: 0.4em 7px; position: relative; left: -16px; width: 479px;  }


/*#home #col1 h4 { margin: 0 0 1em; padding: 0.4em 7px 0.4em 199px; position: relative; left: -16px; width: 288px; }*/
#home #news1 h4 { color: #fff; background-color: #914525; width: 308px; left: 0; position: absolute;}
#home #news2 h4 { background-color: #e3e4c4; } /* background-color can be customized; same as header borders */

/* -----  Christine's Search Page Specific Styles ------- */	

#search-bar { position: relative; border-bottom: 1px solid #999; padding: 0 0 1em 0; margin: 0 0 20px 0; width: 715px; }

#search-bar label { color: #333; font-size: 14px; font-weight: bold; font-style: italic; padding-right: 15px; }

#google-featured { clear: left; border-bottom: 1px solid #999; margin-bottom: 1em; }

.search p#your-search { clear: left; ;width: 365px; float: left; padding-top: 20px; }

.search ol.pagination { border-top: none; width: 350px; float: right; }

#search-bar input#SearchPage { width: 300px; }

#search-bar input { vertical-align: middle; }

.search h6 { margin-top: 2em; }

#search-bar #search-button { margin-left: 7px; }

#main-search ul { clear: both; }

	/*
	.search #secondary2 h2 { width: 300px; } 
	#search-main { width: 330px; margin: 0 5px 0 0; float: left; min-height: 17px; }
	#search-button-main, .go-button, form p.submit input { background-color: #6e9167; }
	*/

/* AC:  */
form td {border-bottom:0px;}
form table {margin:0px;}

/* -----  UG Admission (AKA Profile Showcase) Styles -----  */

.ug-adm #wrap { overflow: hidden; position: relative; top: -15px; padding-top: 15px; }
.ug-adm #content { background-color: #fff; }
#profile-nav h2 { width: 700px; }
.ug-adm .landing .feature h2 { width: 685px; }
.ug-adm #after { clear: both; }
.ug-adm #main1 .col-holder .col3 { float: left; width: 30%; margin: 0 0.65em 0 0.65em; padding: 0; }

		.ug-adm #main1 .col-holder { float: left; width: 100%; margin: 1em 0 1em; height: 1%; background-color: #fafaf1; }
		

/* -----  Profile Template Resume/CV Styles -----  */

.student-profile #content #main1 #dominant h3, .student-profile #content #main1 #dominant h4 { clear: both; }

/* ---- News Item UL/P Fix ----- */

.landing .student-profile #content #main1 #dominant p { clear: both; }


.student-profile #content #main1 #dominant h5 { display: block; float: left; width: 60px; clear: both; }
.student-profile #content #main1 #dominant ul { list-style: none; display: block; float: left; width: 400px; }


/* Right-aligning images in the front-page second column - Lauren 20101122
------------------------------------------------------------------------------- */
#home #col2 img,
#home #col2 img.right { float: right; margin: 0 0 10px 10px; }


/* Emergency Notifications styling - Lauren 20110103 
------------------------------------------------------------------------------- */
#emergency_notifications {
  color: white;
  margin: 0;
  position: fixed;
  top: -200px;
  z-index: 1000;
  width: 100%;
}

#emergency_notifications .liner {
  width: 980px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
  padding: 0;
  margin: 0 auto;
}

#emergency_notifications .liner li {
  background-color: #f9faee;
  list-style: none;
  color: #9a2c26;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-size: 16px;
  border-bottom: 1px solid rgba(0,0,0,.25);
  border-top: 1px solid rgba(255,255,255,.75);
  padding: 15px;
  margin: 10px auto 0 auto;
  padding-left: 60px;
  background-image: url('../../Images/front-warning.png');
  background-repeat: no-repeat;
  background-position: 15px center;
  border: 3px solid #9a2c26;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25);
  position: relative;
}

#emergency_notifications .liner li .dismiss {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url('../../Images/dismiss-warning.png');
  color: white;
  text-indent: -8888px;
  overflow: hidden;
}

#emergency_notifications .liner li .dismiss:hover {
  cursor: pointer;
}

/* Clearing Body Column Blocks - Lauren 20110126
------------------------------------------------------------------------------- */

.body-column {
  clear: left;
}

/* Styling form validation errors - Lauren 20110609 
------------------------------------------------------------------------------- */

#validation-error-summary {
  background-color: #9a2c26;
  color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin-left: -15px;
  padding: 15px;
  margin-bottom: 20px;
}

#validation-error-summary * {
  color: white;
}

#main > form li.validation-error,
#main1 > form li.validation-error,
#main2 > form li.validation-error,
#main3 > form li.validation-error {
  background-color: #f4e7a1 !important;
  border: none;
  margin-left: -15px;
  padding: 15px;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
} 

form li.validation-error .validation-error-message,
form li.validation-error .validation-error-message * {
  color: #9a2c26 !important;
}

/* MyInterfase Sign-In Page - Lauren 20110829
------------------------------------------------------------------------------- */

#myInterfase_signIn {
  margin: 0;
  padding: 0;
}

#myInterfase_signIn li {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#myInterfase_signIn li form {
  background-color: #fafbf1;
  padding: 20px;
  margin: 0;
  width: 455px;
  display: none;
}

#myInterfase_signIn li h3 {
  display: block;
  background-color: #fafbf1;
  margin-bottom: 0;
}

#myInterfase_signIn li h3 a {
  display: block;
  font-size: 20px;
  padding: 5px 20px;
  width: 475px;
  text-decoration: none;
}

#myInterfase_signIn li form label {
  width: 100px;
  float: left;
  clear: left;
  display: block;
}

#myInterfase_signIn li form .panelRow {
  margin-bottom: 5px;
}

#myInterfase_signIn li form #submit {
  margin: 5px 0;
}